<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Gerenciar Curriculum</title>
	<link type="text/css" rel="stylesheet" href="start/skin.css" />
</h:head>

<h:body style="background:#38B0DE">
	<p:layout fullPage="true"
		style="min-width:1020px;max-width:1020px;min-height:600px">

		<h3>

			<p:layoutUnit position="north" header="Gerenciamento de curriculum"
				style="text-align:west">
				<form>
					<h:commandButton value=" Voltar" action="index.xhtml" />
				</form>
			</p:layoutUnit>

		</h3>

		<p:layoutUnit position="center"
			style="min-width:600px;max-width:680px;min-height:400px">
			<h:form>

				<p:panel style="text-align:center">
					<p:graphicImage value="Imagens\informacoes_pessoais.png"
						width="200" height="130" />
					<br />
					<br />
					<br />
					<p:separator />
					<p:commandButton value="Informações pessoais" style="width: 300px"
						oncomplete="cadPessoa.show()" />
				</p:panel>

				<p:panel style="text-align:center">
					<p:graphicImage value="Imagens\profissional.jpg" width="200"
						height="130" />
					<br />
					<br />
					<br />
					<p:separator />
					<p:commandButton value="Informações profissionais"
						style="width: 300px" oncomplete="cadProfissional.show()" />
				</p:panel>

			</h:form>

		</p:layoutUnit>
		<p:layoutUnit position="east"
			style="min-width:680px;max-width:680px;min-height:400px"> 
		Area para Funções futuras
 		</p:layoutUnit>

		<p:dialog header="Dados Profissionais" id="gerenciaProfissional"
			widgetVar="cadProfissional" modal="true" width="950" height="550"
			resizable="false" showEffect="slide">
			<h:form id="cadastroProfissional">

				<p:growl id="mensagemConfirmacao" />

				<p:tabView id="tabView">

					<p:tab id="tab16" title="Dados do profisional">
						<h:panelGrid columns="2" cellpadding="10">

							<h:outputText value="Perfil" for="perfilprofissional" />
							<p:inputText id="perfilprofissional" value="" />

							<h:outputText value="Habilidades" for="habilidadesprofissional" />
							<p:inputText id="habilidadesprofissional" value="" />

							<h:outputText value="Referencias" for="referenciasprofissional" />
							<p:inputTextarea id="referenciasprofissional" value=""	style="width: 350px" />

						</h:panelGrid>
					</p:tab>

					<p:tab id="tab6" title="Certificados">
						<h:panelGrid columns="2" cellpadding="10">

							<h:outputText value="Instituição" for="instituicaodeensino" />
							<p:inputText id="instituicaodeensino" value="" />

							<h:outputText value="Curso" for="curso" />
							<p:inputText id="curso" value="" />

							<h:outputText value="Carga horária" for="cargahoraria" />
							<p:inputText id="cargahoraria" value="" />

							<h:outputText value="Conclusão" for="conclusao" />
							<p:inputText id="conclusao" value="" />

							<h:outputText value="Descrição" for="descricao" />
							<p:inputTextarea id="descricao" value="" style="width: 350px" />

						</h:panelGrid>
					</p:tab>

					<p:tab id="tab7" title="Formações">
						<h:panelGrid columns="2" cellpadding="10">

							<h:outputText value="Instituição" for="instituicao3" />
							<p:inputText id="instituicao3" value="" />

							<h:outputText value="Curso" for="curso2" />
							<p:inputText id="curso2" value="" />

							<h:outputText value="Conclusão" for="conclusao4" />
							<p:inputText id="conclusao4" value="" />

							<h:outputText value="Descricao" for="descricao5" />
							<p:inputTextarea id="descricao5" value="" style="width: 350px" />

						</h:panelGrid>
					</p:tab>

					<p:tab id="tab8" title="Idiomas">
						<h:panelGrid columns="2" cellpadding="10">

							<h:outputText value="Descricao" for="descricao1" />
							<p:inputText id="descricao1" value="" />

							<h:outputText value="Nível" for="nivel" />
							<p:inputText id="nivel" value="" />

						</h:panelGrid>
					</p:tab>

					<p:tab id="tab9" title="Esperiencias">
						<h:panelGrid id="gridCadastroEsperiencias" columns="2"
							cellpadding="5" width="100%">

							<h:outputText value="Empresa" for="empresa0" />
							<p:inputText id="empresa0" value="" />

							<h:outputText value="Cargo" for="cargo0" />
							<p:inputText id="cargo0" value="" />

							<h:outputText value="Admissão" for="admissao0" />
							<p:inputText id="admissao0" value="" />

							<h:outputText value="Saída" for="saida0" />
							<p:inputText id="saida0" value="" />

							<h:outputText value="Descricao" for="descricao2" />
							<p:inputTextarea id="descricao2" value="" style="width: 350px" />

						</h:panelGrid>
					</p:tab>

				</p:tabView>

				<p:panel>
					<p:commandButton value="Atualizar dados profissionais"
						action="#{pessoalBean.salvar}" oncomplete="cadPessoa.hide()"
						update="mensagemConfirmacao" />
				</p:panel>

			</h:form>
		</p:dialog>

		<p:dialog header="Dados Pessoais" id="gerenciaPessoa"
			widgetVar="cadPessoa" modal="true" width="950" height="550"
			resizable="false" showEffect="slide">
			<h:form id="cadastroPessoa">

				<p:growl id="mensagemConfirmacao" />

				<p:tabView id="tabView">

					<p:tab id="tab3" title="Informações pessoais">
						<h:panelGrid columns="2" cellpadding="10">

							<h:outputText value="Nome Completo" for="nomeCompleto" />
							<p:inputText id="nomeCompleto" value="#{pessoalBean.pessoa.nome}" />

							<h:outputText value="Data de Nascimento" for="dataNascimento" />
							<p:calendar id="dataNascimento"
								value="#{pessoalBean.pessoa.dataDeNascimento}" navigator="true"
								yearRange="1940" />

							<h:outputText value="CPF" for="cpf" />
							<p:inputMask id="cpf" mask="999.999.999-99"
								value="#{pessoalBean.pessoa.cpf}" />

							<h:outputText value="Nacionalidade" for="nacionalidade" />
							<p:inputText id="nacionalidade"
								value="#{pessoalBean.pessoa.nacionalidade}" />

							<h:outputText value="Dependentes" for="dependentes" />
							<p:inputText id="dependentes"
								value="#{pessoalBean.pessoa.numeroDependentes}" />

							<h:outputText value="Sexo" for="sexo" />
							<p:selectOneRadio id="sexo" value="#{pessoalBean.pessoa.sexo}">
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Feminino" itemValue="F" />
							</p:selectOneRadio>

							<h:outputText value="Estado Civil" for="estadoCivil" />
							<p:selectOneMenu id="estadoCivil"
								value="#{pessoalBean.pessoa.estadoCivil}">
								<f:selectItem itemLabel="Solteiro" itemValue="Solteiro" />
								<f:selectItem itemLabel="Casado" itemValue="Casado" />
								<f:selectItem itemLabel="Divorciado" itemValue="Divorciado" />
							</p:selectOneMenu>

						</h:panelGrid>
					</p:tab>

					<p:tab id="tab4" title="Endereço">
						<h:panelGrid columns="2" cellpadding="10">

							<h:outputText value="Rua" for="rua" />
							<p:inputText id="rua" value="#{pessoalBean.endereco.endereco}" />

							<h:outputText value="Bairro" for="bairro" />
							<p:inputText id="bairro" value="#{pessoalBean.endereco.bairro}" />

							<h:outputText value="Cidade" for="cidade" />
							<p:inputText id="cidade" value="#{pessoalBean.endereco.cidade}" />

							<h:outputText value="CEP" for="cep" />
							<p:inputMask id="cep" mask="99999-999"
								value="#{pessoalBean.endereco.cep}" />

							<h:outputText value="Estado" for="estado" />
							<p:inputText id="estado" value="#{pessoalBean.endereco.estado}" />

							<h:outputText value="País" for="pais" />
							<p:inputText id="pais" value="#{pessoalBean.endereco.pais}" />

						</h:panelGrid>
					</p:tab>

					<p:tab id="tab5" title="Contato">

						<h:form>
							<p:dataTable>

								<p:column headerText="Tipo de contato" />

								<p:column headerText="Descrição" />

							</p:dataTable>
						</h:form>
						<h:panelGrid id="gridCadastroContato" columns="2" cellpadding="5"
							width="100%">

							<h:outputText value="Tipo" for="tipodecontato" />
							<p:selectOneMenu id="tipodecontato"
								value="">
								<f:selectItem itemLabel="Telefone" itemValue="Telefone" />
								<f:selectItem itemLabel="Celular" itemValue="Celular" />
								<f:selectItem itemLabel="Email" itemValue="Email" />
								<f:selectItem itemLabel="Fax" itemValue="Fax" />
							</p:selectOneMenu>

							<h:outputText value="Contato " for="descricaoContato" />
							<p:inputText id="descricaoContato"
								value="" />
							<p:commandButton value="Novo Tipo " style="width: 200px"
								oncomplete="cadTipoContato.show()" />
						</h:panelGrid>
					</p:tab>
				</p:tabView>

				<p:panel>
					<p:commandButton value="Atualizar dados pessoais"
						action="#{pessoalBean.salvar}" oncomplete="cadPessoa.hide()"
						update="mensagemConfirmacao" />
				</p:panel>

			</h:form>
		</p:dialog>

		<p:dialog header="Novo tipo Contato" id="gerenciaTipoContato"
			widgetVar="cadTipoContato" modal="true" showEffect="slide">
			<h:form id="cadastroTipoContato">

				<h:panelGrid id="gridCadastroTipoContato" columns="2"
					cellpadding="5" width="100%">

					<h:outputText value="Tipo do contato " for="tipoContato" />
					<p:inputText id="tipoContato"
						value="" />

					<p:commandButton value="Salvar" action="#{pessoalBean.salvar}"
						oncomplete="cadTipoContato.hide()" ajax="false" />
				</h:panelGrid>
			</h:form>
		</p:dialog>

	</p:layout>
</h:body>
</html>